import React from 'react';
import logoSVG from '@images/logo/logo.svg';
import avatarSVG from '@images/logo/avatar.svg';

// import logoSVG from '/logo-1.svg';
// import avatarSVG from '/avatar-1.svg';


export function Logo({ sizeScale = 0.4 }) {
    const style = {
        width: `${sizeScale * 496}px`,
        height: `${sizeScale * 100}px`,
        backgroundImage: `url(${logoSVG})`,
        backgroundSize: 'cover'
    };

    return <div style={style}></div>;
}

export function Avatar({ sizeScale = 0.7 }) {
  const style = {
      width: `${sizeScale * 200}px`,
      height: `${sizeScale * 200}px`,
      backgroundImage: `url(${avatarSVG})`,
      backgroundSize: 'cover'
  };

  return <div style={style}></div>;
}